<template>
  <div class="r_box" style="">
    <p style="color: #ffd700">{{ userStore.moneyUnit }} {{ money }}</p>
    <span style="color: #ffa200">{{ lang.minhas_comissoes }}</span>
  </div>
</template>

<script setup lang="ts">
const lang: any = getCurrentPageLang("carteira");
const userStore = useUserStore();

const money = ref(0);
</script>

<style scoped lang="scss">
.r_box {
  --f4df104a: url("/images/user/account_bg_01.png");
  padding: 0.25rem 0;
  flex-shrink: 0;
  border-radius: 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.4rem;
  color: var(--theme-neutral1);
  gap: 0.3rem;
  background: var(--f4df104a);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 0.4rem;
}
.r_box p {
  font-size: 0.42rem;
}
</style>
